<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit" />
		<meta name="author" content="liuy" />
		<title>首页</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/Swiper/4.4.0/css/swiper.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="loading">
			<div class="circle"></div>
		</div>
		<!-- 过渡 end -->
		<div class="allPage">
			<div class="top-bar">
				<div class="tip-box">
					<div class="wrap">
						<div class="left-column">
							<p>欢迎来到和而不容，<a href="">请登录</a></p>
						</div>
						<div class="right-column">
							<a href="">和而不同网校中心</a>
							<a href="">生涯舟教育</a>
						</div>
					</div>
				</div>

				<div class="top-box">
					<div class="wrap">
						<div class="top-logo">
							<a href="">
								<img src="images/logo.png">
							</a>
						</div>
						<div class="top-nav" wap="hide">
							<ul>
								<!-- 当前栏目 li 加 class="current" -->
								<li class="current"><a href="">首页</a></li>
								<li><a href="">课程中心</a></li>
							</ul>
						</div>
						<!-- 未登陆时 -->
						<!-- <div class="m-login"><a href="">登录</a></div> -->
						<!-- 登陆后 -->
						<div class="m-login">
							<div class="u-account">
								<div class="faces">
									<a href="">
										<img src="images/temp/faces.png" >
									</a>
								</div>
								<div class="user" wap="hide">李某小朋友</div>
								<div class="personal" wap="hide">
									<a href="">
										<i class="ico"><img src="images/hone.png" ></i>
										<span>个人资料</span>
									</a>
									<a href="">
										<i class="ico"><img src="images/collect.png" ></i>
										<span>我的收藏</span>
									</a>
								</div>
							</div>
							<div class="sign-out" wap="hide">
								<a href="javascritp:;">退出</a>
							</div>
							
						</div>
					</div>
				</div>
			</div>

			<!-- top-bar end -->
			<div class="banner-box">
				<div class="swiper-container" wap="hide">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="####"><img src="images/temp/banner01.jpg"></a>
						</div>
						<div class="swiper-slide">
							<a href="####"><img src="images/temp/banner01.jpg"></a>
						</div>
						<div class="swiper-slide">
							<a href="####"><img src="images/temp/banner01.jpg"></a>
						</div>
					</div>
				</div>
				<div class="swiper-container" pc="hide">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="####"><img src="images/temp/wap-banner1.jpg"></a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="main-box">
				<div class="m-inlet">
					<div class="wrap">
						<ul>
							<li>
								<a href="">
									<span class="icon"><img src="images/inlet-icon1.png" ></span>
									<span>创新思维与表达</span>
								</a>
							</li>
							<li>
								<a href="">
									<span class="icon"><img src="images/inlet-icon2.png" ></span>
									<span>选行业 • 选大学</span>
								</a>
							</li>
							<li>
								<a href="">
									<span class="icon"><img src="images/inlet-icon3.png" ></span>
									<span>九年一贯制学生<br/>生涯规划与管理</span>
								</a>
							</li>
						</ul>
					</div>
					
				</div>
				<div class="m-recommend">
					<div class="m-title">
						<div class="icon">
							<img src="images/icon-rec.png" >
						</div>
						<div class="text">课程推荐</div>
					</div>
					<div class="swiper-recommend">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="####">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/reco03.jpg" >
										</div>
										<div class="u-con">
											<div class="y-top">
												<h2 class="elli1">创新思维与表达</h2>
												<div class="m-evaluate">
													<div class="icon"></div>
													<span data-star="1"></span>
												</div>
											</div>
											<div class="y-bottom">
												<div class="u-info">
													<p>课时安排：<span>30节课 </span></p>													<p>主讲教师：<span>李某</span></p>
												</div>
												<div class="u-btn">开始上课</div>
											</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="####">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/reco03.jpg" >
										</div>
										<div class="u-con">
											<div class="y-top">
												<h2 class="elli1">创新思维与表达</h2>
												<div class="m-evaluate">
													<div class="icon"></div>
													<span data-star="1"></span>
												</div>
											</div>
											<div class="y-bottom">
												<div class="u-info">
													<p>课时安排：<span>30节课 </span></p>
													<p>主讲教师：<span>李某</span></p>
												</div>
												<div class="u-btn">开始上课</div>
											</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="####">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/reco03.jpg" >
										</div>
										<div class="u-con">
											<div class="y-top">
												<h2 class="elli1">创新思维与表达</h2>
												<div class="m-evaluate">
													<div class="icon"></div>
													<span data-star="1"></span>
												</div>
											</div>
											<div class="y-bottom">
												<div class="u-info">
													<p>课时安排：<span>30节课 </span></p>
													<p>主讲教师：<span>李某</span></p>
												</div>
												<div class="u-btn">开始上课</div>
											</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="####">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/reco03.jpg" >
										</div>
										<div class="u-con">
											<div class="y-top">
												<h2 class="elli1">创新思维与表达</h2>
												<div class="m-evaluate">
													<div class="icon"></div>
													<span data-star="1"></span>
												</div>
											</div>
											<div class="y-bottom">
												<div class="u-info">
													<p>课时安排：<span>30节课 </span></p>
													<p>主讲教师：<span>李某</span></p>
												</div>
												<div class="u-btn">开始上课</div>
											</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="####">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/reco03.jpg" >
										</div>
										<div class="u-con">
											<div class="y-top">
												<h2 class="elli1">创新思维与表达</h2>
												<div class="m-evaluate">
													<div class="icon"></div>
													<span data-star="1"></span>
												</div>
											</div>
											<div class="y-bottom">
												<div class="u-info">
													<p>课时安排：<span>30节课 </span></p>
													<p>主讲教师：<span>李某</span></p>
												</div>
												<div class="u-btn">开始上课</div>
											</div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="m-btn">
						<div class="swiper-button-prev swiper-button-white"></div>
						<div class="swiper-button-next swiper-button-white"></div>
					</div>
					<div class="m-more">
						<a href="">查看更多</a>
					</div>
				</div>
				<div class="m-selected">
					<div class="m-title">
						<div class="icon">
							<img src="images/icon-sele.png" >
						</div>
						<div class="text">每周精选</div>
					</div>
					<div class="swiper-selected">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/sele01.jpg" >
										</div>
										<div class="u-con">
											<h2 class="elli1">创新思维与表达</h2>
											<div class="u-browse">1021</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/sele02.jpg" >
										</div>
										<div class="u-con">
											<h2 class="elli1">创新思维与表达</h2>
											<div class="u-browse">1021</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/sele03.jpg" >
										</div>
										<div class="u-con">
											<h2 class="elli1">创新思维与表达</h2>
											<div class="u-browse">1021</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/sele04.jpg" >
										</div>
										<div class="u-con">
											<h2 class="elli1">创新思维与表达</h2>
											<div class="u-browse">1021</div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<div class="m-play"></div>
											<img src="images/temp/sele01.jpg" >
										</div>
										<div class="u-con">
											<h2 class="elli1">创新思维与表达</h2>
											<div class="u-browse">1021</div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="m-btn">
						<div class="swiper-button-prev swiper-button-white"></div>
						<div class="swiper-button-next swiper-button-white"></div>
					</div>
				</div>
				<div class="m-teachers">
					<div class="m-title">
						<div class="icon">
							<img src="images/icon-teac.png" >
						</div>
						<div class="text">优秀师资</div>
					</div>
					<div class="swiper-teachers">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<img src="images/temp/teac01.jpg" >
										</div>
										<div class="u-con">
											<div class="u-info" wap="hide">
												贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划
											</div>
											<div class="u-name" pc="hide">贺永立</div>
											<div class="u-icon" wap="hide"></div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<img src="images/temp/teac02.jpg" >
										</div>
										<div class="u-con">
											<div class="u-info" wap="hide">
												贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划
											</div>
											<div class="u-name" pc="hide">贺永立</div>
											<div class="u-icon" wap="hide"></div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<img src="images/temp/teac03.jpg" >
										</div>
										<div class="u-con">
											<div class="u-info" wap="hide">
												贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划
											</div>
											<div class="u-name" pc="hide">贺永立</div>
											<div class="u-icon" wap="hide"></div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<img src="images/temp/teac01.jpg" >
										</div>
										<div class="u-con">
											<div class="u-info" wap="hide">
												贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划
											</div>
											<div class="u-name" pc="hide">贺永立</div>
											<div class="u-icon" wap="hide"></div>
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="u-img">
											<img src="images/temp/teac02.jpg" >
										</div>
										<div class="u-con">
											<div class="u-info" wap="hide">
												贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划
											</div>
											<div class="u-name" pc="hide">贺永立</div>
											<div class="u-icon" wap="hide"></div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="m-btn">
						<div class="swiper-button-prev swiper-button-white"></div>
						<div class="swiper-button-next swiper-button-white"></div>
					</div>
					<div class="m-more">
						<a href="">查看更多</a>
					</div>
				</div>
			</div>
			<div class="footer-box" wap="hide">	
				<div class="m-links">
					<div class="wrap">
						<div class="m-tit">友情链接：</div>
						<div class="m-list">
							<ul>                                                                      
								<li><a href="">留学生网</a></li>
								<li><a href="">澳大利亚留学</a></li>
								<li><a href="">日本留学</a></li>
								<li><a href="">新加坡留学</a></li>
								<li><a href="">美国留学</a></li>
								<li><a href="">英国留学</a></li>
								<li><a href="">法国留学</a></li>
								<li><a href="">德国留学</a></li>
								<li><a href="">马来西亚留学</a></li>
								<li><a href="">韩国留学</a></li>
								<li><a href="">加拿大留学</a></li>
								<li><a href="">留学生网</a></li>
								<li><a href="">澳大利亚留学</a></li>
								<li><a href="">日本留学</a></li>
								<li><a href="">新加坡留学</a></li>
								<li><a href="">美国留学</a></li>
								<li><a href="">英国留学</a></li>
								<li><a href="">法国留学</a></li>
								<li><a href="">德国留学</a></li>
								<li><a href="">马来西亚留学</a></li>
								<li><a href="">韩国留学</a></li>
								<li><a href="">加拿大留学</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="m-contact">
					<div class="wrap">
						<div class="left-column">
							<div class="items">
								<h3>优质留学</h3>
								<div class="m-list">
									<ul>
										<li><a href="">英国 UK</a></li>
										<li><a href="">美国 USA</a></li>
										<li><a href="">日本 Japan</a></li>
										<li><a href="">澳大利亚 Australian</a></li>
										<li><a href="">马来西亚 Malaysia</a></li>
										<li><a href="">德国 Germany</a></li>
										<li><a href="">新加坡 Singapore</a></li>
									</ul>
								</div>
							</div>
							<div class="items">
								<h3>关于我们</h3>
								<div class="m-list">
									<ul>
										<li><a href="">公司简介</a></li>
										<li><a href="">公司荣誉</a></li>
										<li><a href="">发展历程</a></li>
										<li><a href="">联系我们</a></li>
									</ul>
								</div>
							</div>
							<div class="items">
								<h3>服务中心</h3>
								<div class="m-list">
									<ul>
										<li><a href="">如何加入我们？</a></li>
										<li><a href="">服务条款</a></li>
										<li><a href="">如何报名？</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="right-column">
							<h3>联系我们</h3>
							<div class="y-bottom">
								<div class="m-text">
									<div class="u-phone"><label>咨询热线</label><span>400-023-6669</span></div>
									<div class="u-en">Study Abroad</div>
									<p>周一至周日9:00-21:00（法定节假日除外）</p>
								</div>
								<div class="m-text">
									<div class="u-fax"><label>传&nbsp;&nbsp;&nbsp;真：</label><span>023-61669260</span></div>
									<div class="u-mail"><label>E-mail：</label><span>liuxuepeixun@yahoo.cn</span></div>
									<div class="u-address"><label>地 &nbsp;&nbsp;&nbsp;址：</label><span>重庆市渝中区两路口港天大厦A栋</span></div>
								</div>
								<div class="m-imgtext">
									<div class="u-img"><img src="images/temp/wx.jpg" ></div>
									<div class="u-text">
										<p>扫描二维码</p> 
										<p>关注<span>微信</span>公众号</p> 
										<p>更多留学信息等着你</p>
									</div>
								</div>
								<div class="m-imgtext">
									<div class="u-img"><img src="images/temp/wx.jpg" ></div>
									<div class="u-text">
										<p>扫描二维码</p> 
										<p>关注<span>WEB</span>公众号</p> 
										<p>更多留学信息等着你</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="m-copyright">
					<div class="wrap">
						<p>All right © 2017 重庆云微软件有限公司    <span>备案号审理中... </span>     技术支持：云微软件</p>
					</div>
				</div>
			</div>
			<div class="client-box" pc="hide">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">课程中心</a></li>
				</ul>
			</div>
			<div class="m-client" wap="hide">
				<ul class="j-child-num">
					<li class="child-1">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
							</a>
						</div>
					</li>
					<li class="child-2 client-text">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
								<div class="text">023-68079912</div>
							</a>
						</div>
					</li>
					<li class="child-3">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
							</a>
						</div>
					</li>
					<li class="child-4 client-weixin">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
								<div class="erwei"><img src="images/temp/wx.jpg" alt="重庆和而不同教育科技有限公司"></div>
							</a>
						</div>
					</li>
				</ul>
				<div class="goTop">
					<a href="javascritp:;"></a>
				</div>
			</div>
		</div>
	

		<script src="https://cdn.staticfile.org/Swiper/4.4.0/js/swiper.min.js"></script>
		<script src="js/globle.js"></script>
		<script src="js/index_ly.js"></script>

	</body>
</html>
